.SamplingProjectPopulation {


    .ProjectPopulationBox {
        height: 100%;
        // border: 1px solid #505050;

        .PaperDevSortableGrid {
            .dx-datagrid {
                .dx-datagrid-header-panel {
                    height: 90px;

                    .dx-datagrid-headers {
                        .dx-datagrid-table {
                            .dx-header-row {
                                .dx-datagrid-action {
                                    .dx-column-indicators {
                                        float: right !important;
                                    }
                                }
                            }
                        }
                    }

                    .dx-toolbar {
                        .dx-toolbar-items-container {
                            height: 80px;

                            .dx-toolbar-before {
                                width: 100% !important;
                                display: flex;
                                justify-content: flex-start;
                                align-content: flex-start;
                                flex-direction: row;
                                flex-wrap: wrap;

                                .dx-toolbar-item {
                                    width: 100% !important;

                                    .dx-item-content {
                                        width: 100% !important;
                                    }
                                }

                                .columnChooser_Style {
                                    .dx-datagrid-column-chooser-button {
                                        .dx-button-content {
                                            padding: 6px !important;
                                        }
                                    }

                                }

                                .itemBoxDispaly {
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                }
                            }

                            // .dx-toolbar-after {
                            //     width: 260px;
                            //     height: 80px;
                            //     display: flex;
                            //     flex-wrap: wrap;
                            //     justify-content: flex-end;
                            //     align-content: flex-start;
                            //     flex-direction: row;
                            //     flex-wrap: wrap;

                            //     .xspCcheckBox {
                            //         height: 32px;
                            //         margin: 8px 0;
                            //     }
                            // }
                        }
                    }
                }

                .dx-datagrid-total-footer {
                    .dx-datagrid-summary-item {
                        color: #333;
                    }
                }
            }
        }
    }


    .ProjectPopulationBox130 {
        .PaperDevSortableGrid {
            .dx-datagrid {
                .dx-datagrid-header-panel {
                    height: 140px;

                    .dx-toolbar {
                        .dx-toolbar-items-container {
                            height: 130px;

                            .dx-toolbar-before {
                                position: relative;

                                .dx-toolbar-item {
                                    .dx-toolbar-item-content {
                                        .contentSearchBox {
                                            position: absolute;
                                            bottom: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 40px;
                                            display: flex;
                                            align-items: center;
                                            justify-content: space-between;
                                            border: 1px solid #8a8a8a;
                                            margin-top: 10px;
                                            padding: 0 8px;
                                            border-radius: 5px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    //ant的 折叠面板样式
    .ant-collapse-header {
        height: 35px;
    }

}

.ant-collapse {
    .ant-collapse-content-box {
        padding: 8px !important;
    }

    .ant-collapse-header {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}

.itemBoxDispaly {
    display: flex;
    align-items: center;
    justify-content: center;
}

.itemBoxDispalyLeft {
    display: flex;
    align-items: left;
    justify-content: left;

}

.itemBoxDispalyCenter {
    display: flex;
    align-items: center;
    justify-content: left;
    border: 0px;
}

.formBorde .formBorderLine {
    border: 1px solid #8a8a8a;
}

.dx-form-group-with-caption>.dx-form-group-content {
    // border-top: 1px solid #ddd !important;
    margin-top: 5px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.dx-form-group-caption {
    font-size: 14px !important;
}

.formGroupWidth {
    width: 480px !important;
}

/* 
.dashed-border2 {
    border-top: 1px dashed hsl(0, 8%, 90%); //dashed
    border-right: 1px dashed hsl(0, 8%, 90%);
    border-bottom: 1px dashed hsl(0, 8%, 90%);
    border-left: 1px dashed hsl(0, 8%, 90%);
    font-size: 14px;
    padding-left: 5px;
    padding-right: 2px;
} */

.table-with-borders {
    border: 1px solid #ccc;
    /* 实线外框 */
    border-collapse: collapse;
    /* 合并边框 */
    font-size: 14px;

    .dx-button-has-text .dx-button-content {
        padding-left: 5px;
        padding-right: 5px;
    }
    tr {
        height: 30px;
    }
}

.table-with-borders th,
.table-with-borders td {
    /* 虚线内框 */
    border: 1px dashed hsl(0, 8%, 90%);
    /* 单元格内边距 */
    padding-left: 5px;
    padding-right: 2px;
}

.bolb-font {
    font-weight: bold;

}

.no-border {
    border: 0px;
    border-radius: 0px
}

.auto-font-size {
    /* 防止换行 */
    white-space: nowrap;
    /* 隐藏溢出的内容 */
    overflow: hidden;
    /* 显示省略号 */
    text-overflow: ellipsis;
    /* 调整字体大小 */
    font-size: clamp(8px, 1vw + 1vh, 14px);
}

.text-center {

    text-align: center;
}

.text-right {

    text-align: right;
}

.red-star {
    color: red;
    margin-right: 2px;
}

.for-button-padding5 {

    .dx-button-has-text .dx-button-content {
        padding-left: 5px;
        padding-right: 5px;
    }


}

//抽样  列表
.SamplingSampleList {
    .ant-tabs-content-holder {
        margin: 0px;
    }
}

.ac-refhresh-button {
    margin-left: 10px;
}

.ac-refhresh-button:hover {
    color: @primary-color;
    cursor: pointer;
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}